<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>我的购物车</title>
    <link rel="icon" type="images/x-icon" href="images/favicon.ico">
    <link rel="stylesheet" href="images/font_2693205_tnz9q62nqa8/iconfont.css">
    <link rel="stylesheet" href="css/cart.css">
</head>

<body>
    <header>
        <span class="iconfont icon-chuizi chuizi"></span>
        <ul>
            <li class="li">
                <a href="#">在线商城</a>
            </li>
            <li>
                <a href="#">坚果R2</a>
            </li>
            <li>
                <a href="topic.html">Smartisan TNT go</a>
            </li>
            <li>
                <a href="#">坚果 TNT 工作站</a>
            </li>
            <li>
                <a href="#">Smartisan OS</a>
            </li>
            <li>
                <a href="#">欢喜云</a>
            </li>
            <li>
                <a href="#">应用</a>
            </li>
            <li>
                <a href="#">论坛</a>
            </li>
            <li>
                <a href="#">开发者支持</a>
            </li>
            <li>
                <a href="#">荣誉与奖项</a>
            </li>
            <li>
                <a href="#">加入我们</a>
            </li>
            <li>
                <a href="#">下载APP</a>
            </li>
        </ul>
        <div class="header_right">
            <a href="load.html" id="load">
                <span class="iconfont icon-denglu denglu"></span>
            </a>

        </div>
    </header>
    <section class="goodscart">
        <div id="cart_box">
            <div class="title">
                <h4>购物清单</h4>
            </div>
            <div class="box-inner">
                <div class="cart-empty">
                    <h3>您的购物车中还没有商品</h3>
                    <a class="buy-btn" href="landing.html">现在选购</a>
                </div>
            </div>
        </div>
    </section>
    <section class="goodsres">
            <div id="goods_box">
                <div class="title">
                    <h4>相关推荐</h4>
                </div>
                <div class="box-inner">
                    <ul>
                            <li>
                                    <img src="images/shouxiebi.webp" alt="">
                                    <div>
                                        <h3>Smartisan智能手写笔</h3>
                                        <h5>
                                            尽情挥洒创造力
                                        </h5>
                                    </div>
                                    <article class="item-price">
                                        <span>￥199.00</span>
                                        <span class="orignal-price">￥499.00</span>
                
                                    </article>
                                    <div class="activity-tag">
                                        <span class="yellow">
                                            直降
                                        </span>
                                    </div>
                                    <div class="addcart">
                                        <a href="#">加入购物车</a>
                                    </div>
                                </li>
                    </ul>
                </div>
            </div>
        </section>

    <footer>
        <div class="footer_menu">
            <ul>
                <li>
                    <h3>订单服务</h3>
                    <div class="item-name">
                        <a target="_blank" href="#">购买指南</a>
                        <a target="_blank" href="#">送货政策</a>
                    </div>
                </li>
                <li>
                    <h3>服务支持</h3>
                    <div class="item-name">
                        <a target="_blank" href="#">自助服务</a>
                        <a target="_blank" href="#">维修门店</a>
                    </div>
                </li>
                <li>
                    <h3>媒体中心</h3>
                    <div class="item-name">
                        <a target="_blank" href="#">新闻动态</a>
                        <a target="_blank" href="#">官方视频</a>
                        <a target="_blank" href="#">图片资源</a>
                    </div>
                </li>
                <li>
                    <h3>关注我们</h3>
                    <div class="item-name">
                        <a target="_blank" href="#">新浪微博</a>
                        <a href="#">官方微信</a>
                        <a target="_blank" href="#">荣誉奖项</a>
                    </div>
                </li>
            </ul>
            <div class="footer-service">
                <h1 class="tel">
                    400 - 603 - 5000
                </h1>
                <h2 class="time">
                    周一到周日 9:00 - 18:00
                </h2>
                <h2 class="desc">
                    (仅收市话费)
                </h2>
                <div class="online">
                    <a target="_blank" href="#" class="">
                        <span>在线帮助</span>
                    </a>
                </div>
            </div>
        </div>
        <div class="footer-info">
            <ul class="copy">
                <li>Copyright © 2020 smartisan.com 版权所有</li>
                <li>
                    <a href="#" target="_blank">锤子商城隐私政策</a>
                </li>
                <li>
                    <a href="#" target="_blank">锤子商城用户协议</a>
                </li>
                <li>
                    <ahref="#" target="_blank">资质证照</a>
                </li>
            </ul>
            <ul class="icp">
                <li>
                    <a href="#" target="_blank">
                        京 ICP 备 19048576 号 - 1
                    </a>
                </li>
                <li class="police">
                    <a href="#" target="_blank">京公网安备 11010502039854号</a>
                </li>
                <li>
                    <a href="#" target="_blank">京食药网食备 202010031</a>
                </li>
            </ul>
        </div>
    </footer>
</body>

</html>